<template>
  <view class="notice"
        :style="{
                'padding': '0px ' + properties.setStyle.pageMargin+'px',
              }"
  >
    <uv-notice-bar
        :text="properties.setStyle.noticeText"
        :color=properties.setStyle.textColor
        :bgColor="properties.setStyle.backColor"
        :customStyle="{
          'border-radius': properties.setStyle.borderRadius+'px'
        }"
        :speed="0"
        ></uv-notice-bar>
  </view>
</template>
<script>

export default {
  name: "Notice",
  props: {
    properties: {
      type: Object,
      default: function () {
        return {
          "text": "公告",
          "setStyle": {
            "noticeText": "无公告",
            "backColor": "rgb(255, 248, 233)",
            "textColor": "rgba(100, 101, 102)",
            "pageMargin": 10,
            "borderRadius": 10
          }
        }
      }
    },
    methods: {},
    onShow() {
      console.log("---", this.properties)
    }
  }
}
</script>

<style scoped lang="scss">

/*广告*/
.notice {
  width: 100%;
  height: 70 rpx;

  .line {
    color: #CCCCCC;
  }
}

::v-deep .uni-noticebar {
  margin-bottom: 0px !important;
}
</style>
